/*@import url('//www.ipraxalab.com/xhtml/waunkee/v0.4/css.css');*/ html, body { height: 100%; } body { margin: 0px; padding: 0px; background: #f6f6f6; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }/*overflow-x:hidden;*/ table, td, tr { font-size: 12px; color: #000; } a:link { text-decoration: none; color: #5e1668; outline: none; } a:visited { text-decoration: none; color: #5e1668; outline: none; } a:hover { text-decoration: underline; color: #5e1668; outline: none; } #googleTranslate a { text-decoration: none; } input, textarea, select { font-size: 13px; } h1, h2, h3, h4, h5 { margin: 0px; } .cf { float: none; clear: both; } input { -webkit-border-radius: 0; } img { border: none; } /*landing*/ #main #slideshowShellLanding { margin: 0px auto -50px auto; min-width: 1004px; max-width: 1200px; height: 365px; padding: 0px 0px 0px 0px; overflow: hidden; position: relative; z-index: 0; } #main #slideshowShellLanding .imageDip { width: 100%; height: 345px; position: absolute; left: 0px; top: 20px; background-position: center top; background-size: 1200px 345px; z-index: 0; }/*background-size:1200px 345px;*/ /*interior page */ #main #mainContentShell #mainContentInner { width: 954px; margin: 0px; padding: 0px 0px 0px 0px; }/*position:relative;*/ #main #mainContentInner #sidebar { width: 180px; background-color: transparent; overflow: hidden; padding: 0px; margin: 1px 0px 0px 0px; float: left; } #main #mainContentInner #pageTitle { margin: 0px 0px 20px 0px; padding: 15px 0px 27px 0px; overflow: hidden; } #main #mainContentInner #pageTitle h1 { font-weight: bold; font-size: 26px; text-transform: uppercase; padding: 0px 10px 0px 0px; margin: 0px; float: left; } #main #mainContentInner #pageTitle h1 a { color: #000 !important; text-decoration: none; } /*breadcrumb */ #utilitybar { background-color: transparent; color: #333; padding: 0px; font-size: 12px; font-weight: normal; float: left; overflow: hidden; padding: 15px 0px 0px 0px; } #breadcrumb a { color: #333; text-decoration: none; } #breadcrumb a:hover { color: #86843b; text-decoration: underline; } #breadcrumb a:active { color: #86843b; text-decoration: none; } #breadcrumb .breadcrumb_divide { } #main #nosidebar { float: left; width: 40px; } .main_body_size { width: 774px !important; margin: 0px; padding: 0px 0px 0px 0px; background-color: transparent;float:left;overflow:hidden; } .middle_when_right_side_bar { width: 500px !important; padding: 0px 25px 0px 25px; line-height: 18px; margin: 0px; } .main_body_size_with_right_bar .middle_when_right_side_bar { width: 500px; padding: 0px 25px 0px 25px; line-height: 18px; margin: 0px; display: block; float: left; overflow: hidden; } .main_body_size_with_right_bar { width: 1004px; } .main_body_size_with_right_bar .detail_calendar form table { float:left; width:350px } .main_body_size_with_right_bar .detail_calendar form div { float: right; margin: 0; overflow: hidden; padding: 0; } .main_body_size_with_right_bar .detail_calendar form div table td { display: table-cell; padding: 0 5px; vertical-align: middle; } .middle_when_no_right_side_bar { width: 724px; padding: 0px 25px 0px 25px; line-height: 18px; margin: 0px; display: block; float: left; overflow: hidden; } .no_right_side_bar_right_padding { } .middle_when_right_side_bar .detail_padding p, .middle_when_no_right_side_bar .detail_padding p { padding: 0px 0px 12px 0px !important; margin: 0px !important; } .detail_padding p:last-child { padding-bottom: 0px; } .detail_padding { padding: 0 0px 21px 0px; } .detail_padding a { color: #86843b !important; } .middle_when_right_side_bar .detail_padding, .middle_when_no_right_side_bar .detail_padding, .no_right_side_bar_right_padding .detail_padding { margin: 0px 0px 0px 0px; display: block; } .figure { border: none !important; margin: 0px 00px 5px 0px; } .titletext { /*display: none; */ color: #5D1668; display: block; font-family: 'Crete Round',serif; font-size: 30px; font-weight: 700; line-height: 34px; padding: 10px 0; } .middle_when_right_side_bar .detail_padding{width:500px !important;} .middle_when_right_side_bar .detail_padding img, .middle_when_right_side_bar .detail_padding .figure{max-width:500px !important;} .pagetitle_padding { padding: 0px 0px 11px 0px; } .no_pagetitle_padding { padding: 0px; } .no_right_side_bar_right_padding { padding-right: 0px; } #mainContentShell tr td h1 { color: #5D1668; display: block; font-family: 'Crete Round', serif; font-size: 36px; font-weight: 700; line-height: 40px; padding: 10px 0; } #mainContentShell tr td h2 { color: #5D1668; display: block; font-family: 'Crete Round', serif; font-size: 30px; font-weight: 700; line-height: 34px; padding: 10px 0; } #mainContentShell tr td h3 { color: #5D1668; display: block; font-family:'Istok Web', sans-serif; font-size: 22px; font-weight: 700; line-height: 26px; padding: 10px 0; } #mainContentShell tr td h4 { color: #8a4e93; display: block; font-family:'Istok Web', sans-serif; font-size: 20px; font-weight: 700; line-height: 24px; padding: 10px 0; } #mainContentShell tr td h5 { color: #8a4e93; display: block; font-family:'Istok Web', sans-serif; font-size: 18px; font-weight: 700; line-height: 22px; padding: 10px 0; } #mainContentShell tr td h6 { color: #8a4e93; display: block; font-family:'Istok Web', sans-serif; font-size: 14px; font-weight: 700; line-height: 20px; padding: 10px 0; } #mainContentShell tr td p { padding:0 0 20px; margin:0; color:#000; font-size:14px; line-height:20px; } .middle_when_right_side_bar h1, .middle_when_no_right_side_bar h1 { background: transparent none; color: #000; font-size: 26px; margin: 0; padding: 0px 0px 14px 0px; text-transform: none; line-height: 30px; font-weight: bold; } .middle_when_right_side_bar h2, .middle_when_no_right_side_bar h2 { color: #5D1668; display: block; font-family: 'Crete Round', serif; font-size: 30px; font-weight: 700; line-height: 34px; padding: 10px 0; } .middle_when_right_side_bar h3, .middle_when_no_right_side_bar h3 { color: #5D1668; display: block; font-family:'Istok Web', sans-serif; font-size: 22px; font-weight: 700; line-height: 26px; padding: 10px 0; } .middle_when_right_side_bar h4, .middle_when_no_right_side_bar h4 { color: #8a4e93; display: block; font-family:'Istok Web', sans-serif; font-size: 20px; font-weight: 700; line-height: 24px; padding: 10px 0; } .middle_when_right_side_bar h4, .middle_when_no_right_side_bar h5 { color: #8a4e93; display: block; font-family:'Istok Web', sans-serif; font-size: 18px; font-weight: 700; line-height: 22px; padding: 10px 0; } /*right side*/ #sidebar_content { width: 224px; float: left; overflow: hidden; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #sidebar_content .right_per_detail { width: 224px; margin: 0px 0 20px; padding: 0px 0px 0 0px; } .right_hr_bottom{ display:none} #sidebar_content .right_per_detail h3 { width: 184px; min-height: 24px; background-color: #b5a874; text-align: left; font-size: 22px; line-height:26px; color: #fff; text-transform:capitalize; padding: 15px 20px; font-family: 'Crete Round', serif; font-weight:normal } #sidebar_content .right_per_detail .right_content { padding: 10px 0px 20px 0px; } #sidebar_content .right_per_detail p { padding: 0px 0px 12px 0px; margin: 0px; } #sidebar_content .right_per_detail p:last-child { padding-bottom: 0px; } #sidebar_content .right_per_detail ul {padding: 0px 0px 3px 0px; margin:0px 0px 0px 0px; list-style-position:inside;} #sidebar_content .right_per_detail ul li { padding: 0px 5px 8px 16px; margin: 0px 0px 6px 0px; } #sidebar_content .right_per_detail ul li:first-child { padding-top: 0px; } #sidebar_content .right_per_detail ul li:last-child { padding-bottom: 0px; background: none; } /*#sidebar_content .right_per_detail a { text-decoration: underline; }*/ #sidebar_content .right_per_detail a.right_news_style { padding: 0px; margin: 0px; } /*#sidebar_content .right_per_detail a:hover { text-decoration: none; }*/ #sidebar_content .right_hr_bottom hr, #sidebar_content .right_hr_top hr, #sidebar_content .right_hr_top { display: none; } .detail_upcomingevents .right_content{ padding:0!important} #sidebar_content .detail_righttext .right_content .righttext_per_text{padding-left:15px;padding-right:15px;} #sidebar_content .right_hr_bottom { width: 224px; height: 9px; overflow: hidden; } #sidebar_content .righttext_per_photo{width:220px; text-align:center;} #sidebar_content .right_per_detail img { max-width: 220px !important; text-align:center;} .right_side_no_dotted_line p, .right_side_with_dotted_line p { margin: 0px; padding: 0px 0px 12px 0px; } .right_side_with_dotted_line { width: 224px; padding: 0px; } .right_side_no_dotted_line { width: 224px; padding: 0px; } #sidebar_content .detail_quicklinks { font-weight: bold; color: #86843b; font-size: 12px; text-transform: uppercase; } #sidebar_content .detail_quicklinks select { width: 170px; text-transform: none; } #sidebar_content .detail_quicklinks .right_content { padding-top: 13px; padding-bottom: 13px; background:#f4f5ea; padding:5px 10px 10px; } /*upcoming events */ #sidebar_content .detail_upcomingevents .right_content { background: #EAE8DC; border: 1px solid #CCCCCC; padding-bottom: 11px;} #sidebar_content .detail_upcomingevents .right_content:after { margin: -22px 0 0; position: absolute; right: 20px; z-index: 999; content: url('custom/images/right_btm_bg.jpg'); } /*#sidebar_content .detail_upcomingevents { width:228px; float:right; border:1px solid #cccccc; border-top:none; background:#eae7dc } #sidebar_content .detail_upcomingevents { display:block; font-family:Arial, Helvetica, sans-serif }*/ #sidebar_content .detail_upcomingevents table { /*width:228px;*/ padding:4px 14px 10px; margin:-6px 0 0 } #sidebar_content .detail_upcomingevents table td { color:#333333; font-size:14px; font-family:'Crete Round', serif; padding:0px 6px } #sidebar_content .detail_upcomingevents .upcoming_events_event { background:none; padding-top:3px; padding-bottom:15px; border:none } #sidebar_content .detail_upcomingevents .upcoming_events_above{background:url(custom/images/side_menu_sep.png) repeat-x 0 0!important; padding-top:15px; padding-bottom:3px; border:none } #sidebar_content .detail_upcomingevents .upcoming_events_date { padding-top:10px; background:none; border:none; padding-bottom:0!important } #sidebar_content .detail_upcomingevents .upcoming_events_link { color:#5e1668 !important; font-family:Arial, Helvetica, sans-serif } #sidebar_content .detail_upcomingevents .upcoming_events_bottom { padding-bottom:0!important; background:none!important } #sidebar_content .detail_upcomingevents .upcoming_events ul { list-style:none; padding:0; margin:0 } /*#sidebar_content .upcoming_events_date { color: #333333; font-family: 'Crete Round',serif; font-size: 14px; padding:0; border:none } .detail_upcomingevents .right_content {background: url("custom/images/side_menu_sep.png") repeat-x scroll left bottom rgba(0, 0, 0, 0); border: medium none; padding-bottom: 15px; padding-top: 3px; }} #sidebar_content .upcoming_events_time{ color: #333333; font-family: 'Crete Round',serif; font-size: 14px; padding:0; border:none; font-weight:normal } #sidebar_content .upcoming_events_above { } #sidebar_content .upcoming_events_top { color: #333333; font-family: 'Crete Round',serif; font-size: 14px; padding:0; border:none } #sidebar_content .detail_upcomingevents .right_content table td{ padding:2px 15px} #sidebar_content .detail_upcomingevents .alternatebg1{ padding:0; background:none!important; margin:0; border:none} #sidebar_content .detail_upcomingevents .alternatebg2{ padding:0; background:none; border:none} #sidebar_content .detail_upcomingevents .right_content { background: url("custom/images/right_btm_bg.jpg") no-repeat scroll right bottom #EAE8DC; border: 1px solid #CCCCCC; padding-bottom: 11px;} #sidebar_content .upcoming_events_event { color: #666; padding: 4px 5px 5px 5px; font-weight: bold; } #sidebar_content .upcoming_events_event a { color:#5e1668; text-decoration:none; font-size:12px; } #sidebar_content .upcoming_events_event a:hover { text-decoration:underline } #sidebar_content .upcoming_events_bottom { color: #333333; font-family: 'Crete Round',serif; font-size: 14px; padding:0; border:none } #sidebar_content .upcoming_events_bottom a { color:#5e1668; text-decoration:none; font-size:12px;} #sidebar_content .upcoming_events_bottom a:hover{ text-decoration:underline}*/ /*News*/ #sidebar_content .detail_rightnews ul { list-style-type: none; padding: 10px 15px 15px 15px; margin: 0px; } #sidebar_content .detail_rightnews ul li { background:url(custom/images/side_menu_sep.png) repeat-x left bottom; padding:5px 5px 10px; color:#333 } #sidebar_content .detail_rightnews ul li:last-child { border:none } #sidebar_content .detail_rightnews a.right_news_style, #sidebar_content .detail_rightnews ul li strong { color:#333;font-family:'Crete Round', serif; font-weight:400; font-size: 13px; font-weight: normal; text-decoration: none; text-transform: uppercase; } #sidebar_content .detail_rightnews a.right_news_style, #sidebar_content .detail_rightnews ul li a{ color:#333;font-family:'Crete Round', serif; font-weight:400 } #sidebar_content .detail_rightnews a.right_news_style:hover { text-decoration: none; color: #5e1668; } #sidebar_content .detail_rightnews .right_content { padding-bottom: 11px; background:#eae8dc ; border:1px solid #ccc; font-size: 14px; } #sidebar_content .detail_rightnews .right_content:after { margin: -11px 0 0; position: absolute; right: 20px; z-index: 999; content: url('custom/images/right_btm_bg.jpg'); } /*detail_announcements*/ #sidebar_content .detail_announcements2r{ display:none} .detail_announcements2 p { margin: 0px; padding: 0px 0px 12px 0px; } #sidebar_content .detail_announcements2r .right_content { background:#f4f5ea; padding:15px 10px } #sidebar_content .detail_announcements2r p { margin: 0px; padding: 0px 0px 0px 0px; font-size: 12px; } #sidebar_content .detail_announcements2r img { margin-bottom: 7px; } #sidebar_content .detail_announcements2r h4 { color: #86843b; font-size: 15px; font-weight: normal; text-decoration: none; text-transform: uppercase; padding: 13px 0px 7px 0px; } #sidebar_content .detail_announcements2r h4:first-child { padding-top: 0px; } #sidebar_content .detail_announcements2r h4 a { color: #86843b; } #sidebar_content .detail_announcements2r h4 a:hover { color: #5e1668; text-decoration: none; } #sidebar_content .detail_announcements2r a { color: #86843b; text-decoration: none; } #sidebar_content .detail_announcements2r a:hover { color: #5e1668; text-decoration: underline; } .detail_announcements2 h4 { } .detail_announcements2 h4 a { } /* calendar links */ #sidebar_content .detail_minical .right_content {padding-bottom:0px;border:none !important;margin-top:-10px;} #sidebar_content .right_content h4{ display:none} .minical_wrapper .headerbg, .minical_wrapper .headerbg td{ border:none!important} .right_content .minical_wrapper .headerbg .headertext{ color:#333331; font-size:14px; text-transform:uppercase; font-weight:bold; } .right_content .minical_wrapper .header2bg{ border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; background:#edede1} .right_content .minical_wrapper .header2bg td{ background:#edede1; font-size:10px; font-weight:normal; padding:5px 0; color:#333;border:none!important} .right_content .minical_wrapper .minical td{border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb; } .right_content .minical_wrapper .minical td:last-child{ border-right:none} .detail_minical h3{ margin-bottom:-1px!important; position:relative; z-index:9} .detail_minical {padding:0px;margin:0px;} .right_content .minical_wrapper table tr td table{ margin-bottom:0;} .right_content .minical_wrapper table tr td table { margin: 0 0 -1px -1px; width: 224px; } .right_content .minical_wrapper .minical td a{ font-weight:normal!important} .right_content .minical_wrapper .alternatebg1{ height:auto!important; padding:5px!important} .right_content .minical_wrapper .alternatebg2{ height:auto!important; padding:5px!important} .right_content .minical_wrapper .headerbg{ height:auto; padding:5px; color:#333} .right_content .minical_wrapper td.headerbg{ background:#dce1b8!important; color:#333!important} .right_content .minical_wrapper a.callink{ text-decoration:none; color:#5d1567!important} .right_content .minical_wrapper a.callink:hover{ text-decoration:underline} #sidebar_content .minical_wrapper { margin: 0px; padding: 0px; } #sidebar_content .minical_wrapper .minical{background:#fff; border-collapse:collapse; border-spacing:0} table.minical { width: 100%; border-spacing: 0px; border-collapse: collapse; } .minical_wrapper table tr td table { border-spacing: 0px; margin-bottom: 5px; } .minical_wrapper table tr, .minical_wrapper table tr td { vertical-align: middle !important; } .minical_wrapper .headerbg td a { display: block; height: 11px; } .minical_wrapper .headerbg td:first-child, .minical_wrapper .headerbg td:first-child + td + td { width: auto !important; } .minical_wrapper .headerbg td:first-child + td { width: 53% !important; } #sidebar_content .minical_wrapper .headerbg td:first-child + td { width: 63% !important; } .minical_wrapper .headerbg td:first-child a { background: url(custom/images/left_arrow.jpg) no-repeat 0 0; font-size:0; line-height:0; float:left; margin:0 0 0 15px;width:7px} .minical_wrapper .headerbg td:first-child a:hover { } .minical_wrapper .headerbg td:first-child + td + td a { background: url(custom/images/right_arrow.jpg) no-repeat 0 0;font-size:0; line-height:0; float:right; margin:0 15px 0 0; width:7px} .minical_wrapper .headerbg td:first-child + td + td a:hover { } .minical_wrapper { padding: 0px 10px 12px 10px; } .minical_wrapper .headerbg, .minical_wrapper .headerbg .headerlink { color: #1f1a17; text-decoration: none; } .minical_wrapper .headerbg .headertext { font-size: 14px; text-transform: capitalize; font-weight: normal; color: #86843b; padding: 10px 0px 10px 0px; } .minical_wrapper .header2bg, .minical_wrapper .header2bg .header2text { background-color: transparent; color: #000; font-weight: bold; font-size: 14px; padding: 2px 0px 0px 0px; } .minical_wrapper .header2bg { border-top: 1px solid #333; border-bottom: 1px solid #333; } .minical_wrapper .alternatebg1 { background-color: transparent; color: #666; height: 27px; padding: 3px 0px; background:none } .minical_wrapper .alternatebg2 { color: #333; height: auto; padding: 3px 0px; border:none; background:none } .minical_wrapper .alternatebg2 a{color: #5D1668;} .minical{border-spacing: 2px;} .minical_wrapper td{ border-spacing: 3px; border-collapse: separate;} .right_content h4{ padding:15px 0 0!important } .detail_minical h4, .detail_minical ul { display: block !important; } .detail_minical h4{font-size:15px !important;padding:10px 0px 0px 14px !important;margin:0px;background:#EAE8DC;border: 1px solid #CCCCCC;border-bottom:none;border-top:none;} .detail_minical ul{background:#EAE8DC;border: 1px solid #CCCCCC;border-top:none;padding:10px 10px 10px 0px !important;} /*#sidebar_content .detail_minical ul:after { margin: -12px 0 0; position: absolute; right: 20px; z-index: 999; content: url('custom/images/right_btm_bg.jpg'); }*/ .minical_wrapper .callink { color: #86843b; text-decoration: none; } .minical_wrapper .callink:hover { color: #135e33; text-decoration: none !important; } .minical_wrapper td.headerbg { color: #fff; padding: 3px 0px; height: 27px; background:#86843b } .middle_when_no_right_side_bar .detail_calendar { margin-left: 0px; display: block; } .middle_when_no_right_side_bar .detail_calendar form table { float: left;} .middle_when_no_right_side_bar .detail_calendar form div { float: right; padding: 0px; overflow: hidden; margin: 0px; } .middle_when_no_right_side_bar .detail_calendar form div table td { padding:0 5px; vertical-align:middle; display:table-cell } .middle_when_no_right_side_bar .detail_calendar form div table td img { margin:-3px 0 0; display:inline-block } .detail_calendar form div table { width: 110px !important; } .detail_calendar form div table tr td, .detail_calendar form table table tr td { font-weight: bold; color: #000; text-transform: capitalize; } .detail_calendar form select { font-size: 12px; } .detail_calendar, .detail_member_directory { padding-bottom: 10px; } .detail_calendar h3, .detail_member_directory h3 { padding-bottom: 10px; color:#5d1668; font-size:30px; line-height:24px; font-family:'Crete Round', serif; font-weight:700; padding:0 0 30px; display:block } .detail_calendar div table, .detail_member_directory table { border: none; font-size: 13px; color: #000; } .detail_member_directory form table{ border:none; padding:0; font-weight:bold; color:#666; float:left; width:auto} .detail_member_directory form table td{ padding-left:0; padding-right:15px;} .detail_member_directory form table + div{ float:right; padding:12px 10px 0} .detail_calendar div table table { border: 1px solid transparent; } .detail_calendar div div table table { border: none; } .detail_calendar table td, .detail_member_directory table td { /*padding-right: 5px;*/ } .detail_calendar .headerbg, .detail_member_directory .headerbg { background-color: #c7d08d; } .detail_calendar .headerbg a.headerlink { text-transform: capitalize; text-decoration: none; font-weight: normal; } .detail_member_directory .headerbg td { font-weight:bold; color:#333!important } .detail_member_directory td a { color:#5d1668!important; text-decoration:underline } .detail_member_directory td a:hover { text-decoration:none } .detail_calendar .headerbg td a { padding:0 15px; height:20px; } .detail_calendar .headerbg td:first-child, .detail_calendar .headerbg td:first-child + td + td { width: auto !important; } .detail_calendar .headerbg td:first-child + td { width: 28% !important; } .middle_when_no_right_side_bar .detail_calendar .headerbg td:first-child + td { width: 19% !important; } .detail_calendar .headerbg td:first-child a { background:url(custom/images/paging_left_arrow.png) no-repeat 4px 1px } .detail_calendar .headerbg td:first-child a:hover { } .detail_calendar .headerbg td:first-child + td + td a { background:url(custom/images/paging_right_arrow.png) no-repeat 97% 1px } .detail_calendar .headerbg td:first-child + td + td a:hover { } .detail_calendar .borderstyle { border: 1px solid #999; margin: 10px 0; } .detail_calendar .headerbg a.headerlink { color:#5e1668!important; font-family:Arial, Helvetica, sans-serif; font-size:12px } .detail_calendar .headerbg a.headerlink:hover { color: #5e1668 !important; text-indent: -9999px; } .detail_calendar .headerbg .headertext { color: #333; font-size: 16px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding:10px 0 } .detail_calendar a.callink { color: #86843b; text-decoration: none; } .detail_calendar a.callink:hover { text-decoration: underline; } .today_highlight { background-color: #86843b !important; color: #fff; } .today_highlight a.callink { color: #fff !important; } .today_highlight table tr td { color: #fff; background-color: #86843b !important; } .detail_member_directory table td { padding: 10px; font-family:Arial, Helvetica, sans-serif } .detail_member_directory table { border:1px solid #cccccc } .detail_calendar .header2bg .header2text { color: #333; background:#edeee2; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold } .detail_calendar .alternatebg1 td { background:#fff; padding:5px 10px } .detail_calendar .alternatebg2 td { background:#EDEEE2; padding:5px 10px; } .detail_calendar form { float:left; width:100%; margin:15px 0 10px } .detail_calendar form table { width:100%; float:left } .detail_calendar input[type="submit"] { float:left; margin:10px 50px; clear:both; background:#86843b; padding:10px 20px; color:#fffda7; font-size:18px; border:none; cursor:pointer; font-family:'Crete Round', serif; font-weight:700; border-radius:3px } .detail_calendar input[type="button"] { float:left; margin:10px 50px; clear:both; background:#86843b; padding:10px 20px; color:#fffda7; font-size:18px; border:none; cursor:pointer; font-family:'Crete Round', serif; font-weight:700; border-radius:3px } .title-header { float:left; width:974px; height:33px; padding:12px 15px 15px; background:#86843b url(custom/images/header_title_bg.jpg) no-repeat top right; color:#fffda7; font-size:30px; line-height:34px; font-family:'Crete Round', serif; font-weight:700 } .title-header h1 { font-size:30px; line-height:34px; } /* these override some of the above detail calendar classes */ .detail_calendar div table table { background: transparent; } .detail_calendar div table table table { background: none; } .detail_calendar div table table tr td .headerlink { text-transform: capitalize; text-decoration: none; } .detail_calendar div table table { border: none; border-collapse: collapse; } .detail_calendar div table table td { border: 1px solid #dcdcdc; } .detail_calendar div table table tr.headerbg td { padding:10px 0; background-color: #c7d08d; border: none; margin: 0px; padding: 0px; } .detail_calendar div table table tr.headerbg:last-child td { padding: 3px 0px; border-bottom: none; background-color: #c7d08d; height: 24px; } .detail_calendar div table table tr.headerbg:last-child td.headertext { } .detail_calendar div table table tr.header2bg td { padding:5px 0; border: none; background-color: #edeee2; border-top:1px solid #fff; border-bottom:1px solid #fff; color:#333!important } .detail_calendar div table table tr.header2bg td.header2text { color: #333; font-weight: bold; text-align: left; padding-left: 5px; border-right: 1px solid #edeee2; border-left: 1px solid #edeee2; text-transform: uppercase; font-size: 12px; font-family:Arial, Helvetica, sans-serif } .detail_calendar div table table td { background-color: #fff; font-family:Arial, Helvetica, sans-serif } .detail_calendar div table table td table td { padding: 5px; border: none; } .detail_calendar div table table td table tr:first-child td, .detail_calendar div table table tr.headerbg:last-child td { border: none; } /* headings (Example: Events Calendar - Previous Month, Year Next heading */ td.headerbg a.headerlink { color: #fff !important; text-decoration: none; } td.headerbg a.headerlink:hover { color: #fff !important; text-decoration: none !important; } a.header2link:link { text-decoration: none; color: #fff; } a.header2link:visited { text-decoration: none; color: #fff; } a.header2link:hover { text-decoration: underline; color: #fff; } /* Alternating row background colors */ .alternatebg1 { background-color:#fff; } .alternatebg2 { background-color:#edeee2; padding-bottom:10px !important; border-bottom:1px dotted #b1b0ac; margin-bottom:10px; /*clear:both; display:block*/ } .footer_top { background-color: transparent; } /* used in Photo Gallery and Staff Profiles */ .borderstyle { border: 1px solid #999; } .inside_bg { background-color: transparent; padding: 0px 0px 7px 0px!important; border: none; margin: 0px; } .headerbg td { background:#c7d08d; padding-top:0; padding-bottom:0 } .inside_bg p { padding: 0px 0px 12px 0px; margin: 0px; } .inside_bg p:last-child { padding-bottom: 0px; } .inside_page_bg { background-color: #fff; } .inside_page_bg p.titletext { padding: 10px 0px 0px 0px; } .content_no_left { padding: 0px; } .below_left_nav { padding: 10px 0px 10px 0px; } .outside_border_bg { display: none; } .top_border_bg { background-color: #fe7214; } .inside_left_bar { background-color: #fe7214; } .top_text_bg { background-color: #fe7214; color: #000; } .left_menu_column { background-color: #fff; } a.event_description:link { text-decoration: none; color: #86843b; } a.event_description:visited { text-decoration: none; color: #86843b; } a.event_description:hover { text-decoration: none; color: #135e33; } table.minical { width: 100% } .redtext { color: #FF0000; font-weight: bold; } .colorsquare { display: none; } /* goolge search */ .detail_googlesearch input:first-child + input + input { padding: 0px 5px 0px 5px !important; } /* homepage */ #mainShell { width: 100%; float:left } #main { margin: auto; padding: 0px; overflow: hidden; background:#e1ddce url(custom/images/main_bg.jpg) repeat-x 0 0 } #main #headerShellOuter { width: 100%; margin: auto; padding: 0px 0px 0px 0px; background-color: #86843b; } #main #headerShell { margin: auto; width: 1004px; height: 141px; padding: 0px 0px 0px 0px; } #main #headerShell #logo { float: left; padding: 19px 0px 0px 25px; } #main #headerShell #logo a { display: block; width: 489px; height: 103px; } #main #headerShell #utilNav { padding: 30px 25px 0px 0px; float: right; overflow: hidden; } #main #headerShell #utilNav ul { float: right; padding: 4px 0px 0px 0px; margin: 0px; list-style-type: none; } #main #headerShell #utilNav ul li { float: left; overflow: hidden; padding: 0px 0px 0px 10px; margin: 0px; text-indent: -9999px; } #main #headerShell #utilNav ul li a { display: block; padding: 0px; margin: 0px; text-indent: -9999px; height: 16px; background-repeat: no-repeat; } #main #headerShell #utilNav ul li:first-child a { text-indent: 0px; font-size: 12px; color: #fff; text-transform: uppercase; text-decoration: none; padding-top: 2px; } #main #headerShell #utilNav ul li:first-child a:hover { color: #000; } #main #headerShell #utilNav ul li:first-child + li a { width: 9px; } #main #headerShell #utilNav ul li:first-child + li a:hover { } #main #headerShell #utilNav ul li:first-child + li + li a { width: 18px; } #main #headerShell #utilNav ul li:first-child + li + li a:hover { } #main #headerShell #utilNav ul li:first-child + li + li + li a { width: 16px; } #main #headerShell #utilNav ul li:first-child + li + li + li a:hover { } #main #headerShell #utilNav #googleTranslate { float: right; overflow: hidden; padding: 0px 0px 0px 10px; } #main #headerShell #utilNav #googleTranslate div { width: 135px; } #main #slideshowShell { position: relative; width:760px; float:left; height:430px;z-index:0;} #main #slideshowShell .imageDip { width: 100%; height: 430px; position: absolute; left: 0px; top: 0px; background-position: center top; background-size:760px 450px; } 430px; */ #main #slideshowShell .imageDip .contentShell { width: 100%; height: 430px; left: 0px; bottom: 0px; position: absolute; } #main #slideshowShell .imageDip .content { width:650px; margin: auto auto auto -350px; padding: 0px; text-align: left; left: 50%; bottom:30px; position: absolute; background:url(custom/images/content_bg.png) 0 0; border-top:4px solid #8a4e93; padding:20px 25px ;height:82px;} #main #slideshowShell .imageDip .content .header { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #main #slideshowShell .imageDip .content h2 { font-size: 28px; color:#5d1668 !important; font-weight: normal; font-size:24px; font-family:'Crete Round', serif; padding-bottom:10px } #main #slideshowShell .imageDip .content h2 a { color:#5d1668 !important } #main #slideshowShell .imageDip .content .header ul { list-style-type: none; padding: 0px 0px 3px 0px; margin: 0px; clear: both; overflow: hidden; } #main #slideshowShell .imageDip .content .header ul li { padding: 0px; margin: 0px; height: 10px; float: left; overflow: hidden; } #main #slideshowShell .imageDip .content .header ul li:first-child { width: 10px; } #main #slideshowShell .imageDip .content .header ul li:first-child + li { width: 820px; } #main #slideshowShell .imageDip .content .header ul li:first-child + li + li { width: 10px; } #main #slideshowShell .imageDip .content h2 a, #main #slideshowShell .imageDip .content .description a { color: #333333; text-decoration: none; } #main #slideshowShell .imageDip .content .description a:hover { color: #fff; } #main #slideshowShell .imageDip .content .description { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 14px; font-family:Arial, Helvetica, sans-serif; line-height:20px } #main #mainContentShell .imageDip .content .description p { padding: 0px; margin: 0px; } #main #slideshowShell #dipNav { width: 100%; position: absolute; left: 0px; top: 0px; } #main #slideshowShell #dipNav ul { list-style-type: none; padding: 0px; margin: 0px; } #main #slideshowShell #dipNav ul li a { display: block; width: 43px; height: 43px; position: absolute; top: 169px; } #main #slideshowShell #dipNav ul li a.left { left: 0px; } #main #slideshowShell #dipNav ul li a.left:hover { } #main #slideshowShell #dipNav ul li a.right { right: 0px; } #main #slideshowShell #dipNav ul li a.right:hover { } #main #slideshowShell #bottomDipNav { position: relative; width:700px; margin:245px auto 0px auto; } #main #slideshowShell #bottomDipNav ul { list-style-type: none; padding: 0px; margin: 0px; width:100%; float:left } #main #slideshowShell #bottomDipNav ul li { float: left; background:url(custom/images/sep.png) no-repeat left center } #main #slideshowShell #bottomDipNav ul li:first-child { padding-left: 0px; background:none } #main #slideshowShell #bottomDipNav ul li a { width: 213px; text-decoration: none; color: #fffda7; padding:6px 10px; text-align: center; font-family: 'Istok Web', sans-serif; text-transform:uppercase; float:left; position:relative; font-size:14px; height:18px; } #main #slideshowShell #bottomDipNav ul li a strong{ float:left; width:100%;height:18px; overflow:hidden} #main #slideshowShell ul li a span { width:25px; height:16px !important; position:absolute; left:114px; bottom:-16px; z-index:99; background:url(custom/images/slider_tab_arw.png) no-repeat 0 0; display:none } #main #slideshowShell ul li a:hover span { display:block } #main #slideshowShell #bottomDipNav ul li a.on span { display:block } #main #slideshowShell #bottomDipNav ul li a:hover { background:#5d1668 } #main #slideshowShell #bottomDipNav ul li a.on { background:#5d1668 } #main #mainContentShell { margin: auto auto 30px auto; width: 1004px; padding: 10px 0 0px 0; overflow: hidden; position: relative; z-index: 1; float:left } #main #mainContentShell #topLine { height: 3px; background-color: #333; } #main #mainContentShell #welcomeText { font-size: 18px; line-height: 30px; text-align: center; padding: 15px 0px 28px 0px; } #main #mainContentShell #bottomContentShell #leftColumnShell { width: 626px; float: left; position: relative; padding: 3px 0px 26px 0px; position: relative; } #main #mainContentShell #leftColumnShell #annHeaderShell { text-align: center; padding: 0px 0px 0px 0px; margin: 0px; } #main #mainContentShell #leftColumnShell #annHeaderShell ul { list-style-type: none; padding: 0px; margin: 0px; } #main #mainContentShell #leftColumnShell #annHeaderShell ul li { display: block; height: 19px; padding: 0px; margin: 0px; } #main #mainContentShell #leftColumnShell #annHeaderShell ul li h2 { display: inline; width: auto; height: 19px; font-size: 19px; font-weight: bold; padding: 0px 10px; margin: 0px; text-align: center; text-transform: uppercase; border: 1px solid #555; border-top: none; border-bottom: none; background-color: #fff; } #main #mainContentShell #leftColumnShell #announceShell { padding: 0px; margin: 0px; } #main #mainContentShell #leftColumnShell #announceShell .announcementsItem { width: 626px; padding: 30px 0px 40px 0px; clear: both; float: none; overflow: hidden; } #main #mainContentShell #leftColumnShell #announceShell .announcementsItem:first-child { padding-top: 30px; } #main #mainContentShell #leftColumnShell #announceShell .announcementsItem:first-child + .announcementsItem + .announcementsItem { background: none; padding-bottom: 28px; } #main #mainContentShell #leftColumnShell #announceShell .annImageShell { width: 200px; height: 145px; float: left; padding: 0px 26px 0px 0px; margin: 0px; } #main #mainContentShell #leftColumnShell #announceShell .annImageShell .annImage { width: 200px; height: 145px; } #main #mainContentShell #leftColumnShell #announceShell .annContent { float: left; overflow: hidden; width: 400px; padding: 0px 0px 0px 0px; } #main #mainContentShell #leftColumnShell #announceShell .annContent h3 { padding: 0px 0px 7px 0px; margin: 0px; font-size: 26px; font-weight: bold; line-height: 28px; margin-top: -3px; text-transform: uppercase; } #main #mainContentShell #leftColumnShell #announceShell .annContent p { padding: 0px; margin: 0px; font-size: 12px; color: #666; line-height: 18px; } #main #mainContentShell #leftColumnShell #announceShell .annContent span { display: block; margin: 17px 0px 0px 0px; color: #86843b; } #main #mainContentShell #leftColumnShell #announceShell .annContent a { margin: 0px; color: #86843b; text-decoration: none; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 0px 10px; } #main #mainContentShell #leftColumnShell #announceShell .annContent span:hover, #main #mainContentShell #leftColumnShell #announceShell .annContent span a:hover { color: #135e33; } #main #mainContentShell #leftColumnShell #annReadNews { text-align: center; padding: 0px 0px 0px 0px; margin: 0px; } #main #mainContentShell #leftColumnShell #annReadNews ul { list-style-type: none; padding: 0px; margin: 0px; } #main #mainContentShell #leftColumnShell #annReadNews ul li { display: none; } #main #mainContentShell #leftColumnShell #annReadNews ul li:first-child { display: block; text-transform: uppercase; font-weight: bold; } #main #mainContentShell #leftColumnShell #annReadNews ul li a { font-size: 14px; color: #86843b; text-decoration: none; background-color: #fff; padding: 0px 13px; } #main #mainContentShell #leftColumnShell #annReadNews ul li a:hover { color: #135e33; } #main #mainContentShell #bottomContentShell #rightColumnShell { width: 280px; padding: 0px 0px 46px 48px; margin: 0px; float: left; overflow: hidden; } #main #mainContentShell #bottomContentShell #rightColumnShell h2, #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell h2 { width: 260px; min-height: 24px; padding: 4px 10px 0px 10px; margin: 0px; background-color: #333; text-align: center; font-size: 19px; font-weight: bold; color: #fff; text-transform: uppercase; } #main #mainContentShell #bottomContentShell #rightColumnShell #Calendar h4, #main #mainContentShell #bottomContentShell #rightColumnShell #Calendar ul { display: none; } #main #mainContentShell #bottomContentShell #rightColumnShell #Calendar { width: 280px; overflow: hidden; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell { width: 280px; padding: 30px 0px 0px 0px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events { width: 270px; padding: 16px 5px 0px 5px; overflow: hidden; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events #eventsScroll { height: 280px; overflow: hidden; outline: none; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul { list-style-type: none; padding: 0px; margin: 0px; overflow: hidden; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li.upcoming_events_above { width: 270px; padding: 18px 0px 4px 0px; margin: 0px 0px 0px 0px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li.upcoming_events_top { padding-top: 0px; margin-top: -1px; background: none; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li.upcoming_events_above .dateBox { width: 42px; height: 52px; float: left; padding: 3px 14px 0px 0px; margin-top: 4px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li.upcoming_events_above .dateBox .day { display: block; font-size: 20px; font-weight: normal; text-align: center; color: #fff; padding: 5px 0px 0px 0px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li.upcoming_events_above .dateBox .month { display: block; font-size: 12px; text-align: center; text-transform: uppercase; font-weight: normal; padding: 1px 0px 0px 0px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li ul { float: left; overflow: hidden; width: 214px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li ul li.upcoming_events_event { padding: 0px 0px 10px 0px; line-height: 17px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li ul li.upcoming_events_eventsTop { padding-top: 0px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li ul li.upcoming_events_date { font-size: 15px; font-weight: normal; text-transform: uppercase; padding: 0px 0px 1px 0px; color: #86843b; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li ul li.upcoming_events_date a { font-size: 15px; font-weight: normal; text-transform: uppercase; padding: 0px 0px 0px 0px; color: #86843b; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li ul li.upcoming_events_date a:hover { color: #135e33; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li ul li span.upcoming_events_time { color: #666; font-weight: bold; font-size: 12px; padding: 0px 0px 0px 0px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li ul li span.upcoming_events_title p { padding: 0px; margin: 0px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li ul li span.upcoming_events_title, #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li ul li span a.upcoming_events_link { color: #666; font-weight: normal; font-size: 12px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #events ul li ul li span a.upcoming_events_link:hover { color: #000; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #eventsBottom { width: 280px; text-align: center; padding: 18px 0px 0px 0px; margin: 0px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #eventsBottom ul { list-style-type: none; padding: 0px; margin: 0px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #eventsBottom ul li { display: block; text-transform: uppercase; font-weight: bold; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #eventsBottom ul li:first-child { display: none; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #eventsBottom ul li a { font-size: 14px; color: #86843b; text-decoration: none; background-color: #fff; padding: 0px 5px; } #main #mainContentShell #bottomContentShell #rightColumnShell #eventsShell #eventsBottom ul li a:hover { color: #135e33; } #main #footerShellOuter { width: 100%; height: 150px; margin: auto; padding: 0px 0px 0px 0px; overflow: hidden; background-color: #555; left: 0px; bottom: 0px; position: absolute; } #main #footerShell { margin: auto; height: 123px; width: 954px; padding: 27px 25px 0px 25px; background-color: #555; position: relative; } #main #footerShell #CMS4SchoolsLogo { width: 171px; height: 27px; position: absolute; right: 25px; top: 30px; } #main #footerShell #CMS4SchoolsLogo a { width: 171px; height: 27px; display: block; } #main #footerShell #footerContent { width: 754px; height: 123px; padding: 0px 20px 0px 0px; font-size: 11px; color: #fff; } #main #footerShell #footerContent ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; float: none; clear: both; } #main #footerShell #footerContent ul li { padding: 0px 10px 0px 0px; margin: 0px 6px 0px 0px; float: left; overflow: hidden; } #main #footerShell #footerContent ul li.last_item { background: none; padding-right: 0px; margin-right: 0px; } #main #footerShell #footerContent ul li strong { font-weight: normal; } #main #footerShell #footerContent ul li a { color: #fff; text-decoration: none; } #main #footerShell #footerContent ul li a:hover { color: #cc3333; } #main #footerShell #footerContent ul.copyright { padding: 1px 0px 0px 0px; } #main #footerShell #footerContent ul.copyright li:first-child { color: #fff; background: none; } .today_highlight td { background: #8A4E93 !important; color:#fff; padding:5px 10px; } .today_highlight td a { color:#fff!important; text-decoration:underline } .today_highlight td a:hover { text-decoration:none!important } .detail_calendar { padding-bottom:27px; } .detail_calendar form+div { float:left; width:100%; margin:10px 0 30px } .header { width:100%; float:left; padding-bottom:10px; clear:both } #logo { float:left } #utilSocialMedia { text-align:right; margin-top:0; position:relative } #utilSocialMedia ul { list-style:none; clear:both; width:100%; display:inline-block; margin:0 0 0.75em; padding:0; position: relative;z-index:1;} #utilSocialMedia ul ul{width:auto; display: none; overflow: hidden; position: absolute; right:0; top:100%; background:#320033; z-index:2; padding:15px 10px;} /*#utilSocialMedia ul li#searchBtn.open ul{height:auto; padding:10px;}*/ #utilSocialMedia ul:last-child{margin:0; z-index: 0;} .footer #utilSocialMedia ul:last-child{margin:15px 0 25px;} #utilSocialMedia ul.utilityBtn li{display: inline-block; margin:0 5px;} #utilSocialMedia ul.utilityBtn li a{display:inline-block; background:#86843a; color:#fff; font-family: 'Istok Web', sans-serif; text-transform: uppercase; font-size:12px; font-weight:700; padding: 8px 12px;} #utilSocialMedia ul.utilityBtn li a:hover, #utilSocialMedia ul.utilityBtn li a:focus, #utilSocialMedia ul.utilityBtn li a:active{background:#310032; text-decoration: none;} .footer #utilSocialMedia ul li, #utilSocialMedia ul.socialIcon li, #utilSocialMedia ul.utilityIcon li{ display:inline-block; padding: 0 2px; vertical-align: bottom;} .footer #utilSocialMedia ul li a, #utilSocialMedia ul.socialIcon li a, #utilSocialMedia ul.utilityIcon li a, #utilSocialMedia ul.socialIcon li button{ display:inline-block; font-size:0px; line-height:0px; background:transparent; border:none; cursor:pointer; } #utilSocialMedia ul li.search button { background:url(custom/images/general/utility/img_search.png) no-repeat 0 0; width:24px; height:24px; background-size: 100% auto; margin:4px 8px;} #utilSocialMedia ul li.search button.open { background:url(custom/images/general/utility/img_close.png) no-repeat 0 0; width:24px; height:24px; background-size: 100% auto; margin:4px 8px;} #utilSocialMedia ul li.infinite_campus_for_parents a { background:url(custom/images/btn_infinite_campus_family.gif) no-repeat 0 0; width:39px; height:39px; } #utilSocialMedia ul li.infinite_campus_for_staff a { background:url(custom/images/btn_infinite_campus_staff.gif) no-repeat 0 0; width:39px; height:39px; } #utilSocialMedia ul li.google_for_students a { background:url(custom/images/btn_google_students.gif) no-repeat 0 0; width:39px; height:39px } #utilSocialMedia ul li.google_for_staff a { background:url(custom/images/btn_google_staff.gif) no-repeat 0 0; width:39px; height:39px } #utilSocialMedia ul li.google a { background:url(custom/images/google.png) no-repeat 0 0; width:26px; height:25px } #utilSocialMedia ul li.facebook a { background:url(custom/images/general/utility/img_facebook.png) no-repeat 0 0;background-size:100% auto; width:24px; height:24px; margin:4px 8px; } .footer #utilSocialMedia ul li.facebook a{ background:url(custom/images/general/utility/img_footer_facebook.png) no-repeat 0 0;background-size:100% auto; width:28px; height:28px; margin:4px 8px; } #utilSocialMedia ul li.twitter a { background:url(custom/images/general/utility/img_twitter.png) no-repeat 0 0;background-size:100% auto; width:24px; height:24px; margin:4px 8px; } .footer #utilSocialMedia ul li.twitter a{ background:url(custom/images/general/utility/img_footer_twitter.png) no-repeat 0 0;background-size:100% auto; width:28px; height:28px; margin:4px 8px; } #utilSocialMedia ul li.youtube a { background:url(custom/images/general/utility/img_youtube.png) no-repeat 0 0;background-size:100% auto; width:24px; height:24px; margin:4px 8px; } .footer #utilSocialMedia ul li.youtube a{ background:url(custom/images/general/utility/img_footer_youtube.png) no-repeat 0 0;background-size:100% auto; width:28px; height:28px; margin:4px 8px; } #utilSocialMedia ul li.instagram a { background:url(custom/images/general/utility/img_instagram.png) no-repeat 0 0;background-size:100% auto; width:24px; height:24px; margin:4px 8px; } .footer #utilSocialMedia ul li.instagram a{ background:url(custom/images/general/utility/img_footer_instagram.png) no-repeat 0 0;background-size:100% auto; width:28px; height:28px; margin:4px 8px; } #utilSocialMedia ul li.contact_us a { color: #515056; float: right; font-family: 'Istok Web', sans-serif; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; } #utilSocialMedia ul li.contact_us { position:relative;top:12px;} .footer .contact_us { display:none!important } /*.footer #utilSocialMedia ul li.infinite_campus a { background:url(custom/images/btn_infinite_campus_family.gif) no-repeat 0 0; width:39px; height:39px; }*/ .footer #utilSocialMedia { margin-top:-8px; } .wrapper { width:1004px; margin:0 auto; position:relative;} .header_right { float:right; width: calc(100% - 675px);} #searchbox_ { float:right; position:relative } #searchbox_ #q { border:1px solid #e7e7e7; border-radius:2px; width:230px; padding:5px; background:#ffffff; color:#333333; font-size:12px; font-family:Arial, Helvetica, sans-serif; box-shadow:0 1px 1px #9A9A9A inset; -webkit-box-shadow:0 1px 1px #9A9A9A inset } #searchbox_ #submit { position:absolute; right:14px; top:8px; background:url(custom/images/mgalss.png) no-repeat 0 0; border:none; width:15px; padding:0} .header_right .contact { float:right; color:#515056; font-size:14px; font-family: 'Istok Web', sans-serif; text-transform:uppercase; clear:both; text-decoration:none; margin-top:20px; word-wrap:normal; white-space:normal; word-break:normal; font-weight:700 } #slideshowShell { width:760px; float:left } .upcoming_events { width:228px; float:right; border:1px solid #cccccc; border-top:none; background:#eae7dc } .upcoming_events h2 { color:#ffffff; font-size:29px; background:#b6a875; font-family:'Crete Round', serif; font-weight:normal; padding:19px 22px; line-height:30px } .upcoming_events_time { font-family:'Istok Web', sans-serif; font-weight:normal;} .upcoming_events table { width:228px; padding:4px 14px 10px; margin:-6px 0 0 } .upcoming_events table td { color:#333333; font-size:14px; font-family:'Crete Round', serif; padding:0px 6px } .upcoming_events .upcoming_events_event { border:none; background:none; padding-bottom:15px} .upcoming_events .upcoming_events_above{background:url(custom/images/side_menu_sep.png) repeat-x 0 0!important; padding-top:20px; padding-bottom:3px;} .upcoming_events .upcoming_events_date { padding-top:10px; background:none; border:none; padding-bottom:0!important } .upcoming_events .content_list{ height:485px; overflow:auto; float:left; width:100%} .upcoming_events_link { color:#5e1668 !important; font-family:Arial, Helvetica, sans-serif } .upcoming_events_bottom { padding-bottom:0!important; background:none!important } .upcoming_events ul { list-style:none; padding:0; margin:0 } .home_left { float:left; width:760px } .view_all_events a { background:#b6a875 url(custom/images/view_all_event_bg.jpg) no-repeat right 0; padding:8px 46px 7px 0; text-align:right; font-size:12px; color:#000000 !important; font-weight:bold; display:block; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase } .read_all { display:none} .read_all a { background:#b6a875 url(custom/images/view_all_event_bg.jpg) no-repeat right 0; padding:8px 46px 7px 0; text-align:right; font-size:12px; color:#000000 !important; font-weight:bold; display:block; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase } .welcome_box { width:246px; float:left; background:#86843b; margin-top:10px; height:290px; position:relative } .welcome_box h3 { color:#fffda7; font-size:30px; color:#fffda7; font-family:'Crete Round', serif; font-weight:normal } .welcome_box h4 { color:#ffffff; font-size:12px; font-family:'Crete Round', serif; font-style:italic; font-weight:normal } .welcome_box p { color:#e8e7c6; font-size:14px; line-height:24px; font-family:Arial, Helvetica, sans-serif } .home_left ul { list-style:none; padding:0; margin:0 } .welcome_box ul li{display:none;} .welcome_box ul li.read_all{display:block;} .welcome_box ul li.read_all a { background:#a7aa64 url(custom/images/view_all_event_bg.jpg) no-repeat right 0; padding:8px 46px 7px 0; text-align:right; font-size:12px; color:#000000 !important; font-weight:bold; display:block; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; position:absolute; width:200px; bottom:0; left:0 } .welcome_box .welcome_content { padding:12px 18px 0 18px } .welcome_box .welcome_content p{ height:165px; overflow:hidden} .points_of_pride { width:209px; float:left; border:1px solid #cdcdcc; padding:12px 16px 0 16px; position:relative; background:#eae7dc; margin:10px; height:278px; position:relative } .points_of_pride h3 { color:#424147; font-size:27px; font-family:'Crete Round', serif; font-weight:normal; padding-bottom:15px } .points_of_pride ul li { background:url(custom/images/list_bullet.png) no-repeat left 10px; padding:0 0 0 12px; line-height:24px } .points_of_pride ul li a { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:14px } .points_of_pride .corner { position:absolute; right:-2px; bottom:-2px } .quick_links { width:209px; float:left; border:1px solid #cdcdcc; padding:12px 18px 0 18px; position:relative; background:#eae7dc; height:278px; position:relative; margin-top:10px } .quick_links h3 { color:#424147; font-size:21px; font-weight:normal; font-family: 'Istok Web', sans-serif; padding:5px 0 18px 0; font-weight:700; text-transform:capitalize } .quick_links ul li { background:url(custom/images/list_bullet.png) no-repeat left 10px; padding:0 0 0 12px; line-height:24px } .quick_links ul li a { font-family:Arial, Helvetica, sans-serif; font-size:14px } .quick_links .corner { position:absolute; right:-2px; bottom:-2px } .upcoming_events #eventsScroll { height: 480px; overflow: hidden; outline: none; } .upcoming_events #eventsScroll .jspContainer{ width:228px!important; height:485px!important;position:relative } .upcoming_events #eventsScroll .jspPane{ width:228px!important; } .upcoming_events #eventsScroll .jspPane ul{ position:absolute; left:0px; bottom:-218px; width:100%; float:left} .jspVerticalBar{ background:#c7d08d!important} .footer { background:#330033; float:left; width:100%; padding:22px 0 40px 0; margin-top:10px;position:relative; } .footer ul { padding:0; margin:0; list-style:none;overflow:hidden;} .footer #utilSocialMedia { float:right } .footer #footer_left ul:first-of-type li { list-style:none;padding:0px 0px 0px 10px; float:left } .footer #footer_left ul li:first-child { background:none; padding-left:0;float:none;} .footer #footer_left ul li:first-child + li{padding-left:0px;} .footer #footer_left ul li strong { color:#695d69; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal } .footer #footer_left ul li:first-child strong{font-weight:bold;} #footer_left { float:left; width:520px} #footer_left p { color:#695d69; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px;width:100%} #footer_left #footerLinks{width:100%;display:inline-block; padding:0 0 30px;} #footer_left #footerLinks ul{margin:0;padding:0;list-style:none;width:100%;display:inline-block;} #footer_left #footerLinks ul li{display:inline-block;float:left;padding:0 10px;} #footer_left #footerLinks ul li:first-child{padding-left:0;} #footer_left #footerLinks ul li a{color:#695d69;text-decoration:underline;} #footer_left #footerLinks ul li a:hover{color:#fff;text-decoration:underline;} .contact_section { display:block; float:left; padding:0; margin:20px 16px 0 40px } .contact_section ul { list-style:none; margin:0; padding:0 } .contact_section ul strong { color:#333333; font-weight:normal; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:18px } .contact_section h3 { text-transform:uppercase; color:#333333; font-size:14px; font-family: 'Istok Web', sans-serif; font-weight:normal; padding-bottom:3px; font-weight:700 } #translate{position:absolute;right:0;top:120px;} #translate .goog-te-gadget,.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active{color:rgb(0,0,0)!important;} .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon *{color:rgb(0,0,0)!important;font-family:Arial, Helvetica, sans-serif!important;} #translate .goog-te-gadget .goog-te-combo{margin:0;width:100%;padding:0.5em 5%;border-radius:1em;-webkit-border-radius:1em;font-size:1em;border-color:rgb(0,0,0);} #translate .goog-te-gadget .goog-te-combo option{font-family:Arial, Helvetica, sans-serif;} #translate .goog-te-gadget,#translate .goog-te-gadget span,.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active{color:#fff!important;} /*#announEmergencyShell { width:100%; position:relative; background:#a7aa64; float:left; border-bottom:3px solid #fff; margin-bottom:-4px;} #announEmergency { width:1004px; margin:auto; position:relative; } #announEmergency #emergencyLogo { float:left; text-align:left; color:#fff; font-size:18px; text-transform:uppercase; line-height:32px; width:142px; padding:0px 20px 0px 30px; font-family:'Crete Round', serif; font-weight:400; position:relative } #announEmergency #emergencyLogo img { position:absolute; left:0; bottom:-4px; } #announEmergency #emergencyLogo #emergencyLogoTable { display:table; width:100%; height:100%; } #announEmergency #emergencyLogo h1, #announEmergency #emergencyLogo h2, #announEmergency #emergencyLogo h3, #announEmergency #emergencyLogo h4, #announEmergency #emergencyLogo h5, #announEmergency #emergencyLogo h6, #announEmergency #emergencyLogo p, #announEmergency #emergencyLogo a { display:table-cell; color:#fff; text-transform:uppercase; text-decoration:none; padding:0px; margin:0px; vertical-align:middle; } #emergencyLogoTable a{ background:url(custom/images/warning_arw.png) no-repeat bottom left; margin: 4px 0 -3px !important;padding: 0 0 8px 38px !important; float:left} #announEmergency #emergencyLogo a:hover { color:#000; } #announEmergency #emergencyDescription { padding:0px 80px 0px 0px; color:#fff; float:left; width:718px; background-color:transparent; font-size:15px; line-height:32px } #announEmergency #emergencyDescription #emergencyDescriptionTable { display:table; width:100%; height:100%; } #announEmergency #emergencyDescription p { padding:4px 0 0 0; margin:0px; vertical-align:middle; display:table-cell; float:none; clear:both; color:#3f3e1b; font-family:Arial, Helvetica, sans-serif; } #announEmergency #emergencyDescription a { padding:0px 0px 0px 0px; color:#fff; } #announEmergency #emergencyDescription a:hover { text-decoration:underline; color:#000; } #announEmergency #emergencyDescription a.emMore { display:inline; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#3f3e1b; font-size:15px; font-weight:bold } #announEmergency #emergencyDescription a.emMore img { vertical-align:middle; margin: -2px 3px 1px; } #announEmergency #emergencyClose a { display:block; position:absolute; right:28px; top:11px; color:#5d1668; text-decoration:none; font-size:12px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold } #announEmergency #emergencyClose a:hover { text-decoration:none; color:#000; } h2 { font-weight:400; font-family:'Istok Web', sans-serif } h3, h4, h5 { font-weight:700; font-family:'Istok Web', sans-serif } #topNav, h1, h2 { font-family:'Crete Round', serif; font-weight:400 }*/ /*lunch menu */ .middle_when_no_right_side_bar .detail_lunchmenu form table { float:left; } .middle_when_no_right_side_bar .detail_lunchmenu form div { float:right; padding:0px; overflow:hidden; margin:-10px 0px 0px 0px; } .detail_lunchmenu form table:first-child td { padding-right:10px; } /*fac list*/ .detail_facultylist tr.headerbg { background-color:#86843b !important; color:#fff; } .detail_facultylist tr.headerbg .headertext, .detail_facultylist tr.headerbg a.headerlink { color:#fff !important; } .detail_facultylist tr.headerbg a.headerlink:hover { color:#fff !important; } .detail_facultylist tr.alternatebg1 { background-color:#fff !important; } .detail_facultylist tr.alternatebg2 { background-color:#e7e4d3 !important; } #eventsScroll .jspContainer { width:224px!important; } #eventsScroll .jspPane { width:200px!important } .detail_facultylist div { background:#c7d08d} .detail_facultylist form { background:#edeee2} .detail_calendar div form > table{ width:100%!important; background:#edeee2!important} .detail_calendar div form > table td{ padding:5px} .detail_calendar div form > table table{ width:100%!important; background:#c7d08d!important} .detail_calendar div form > table table td{ background:#c7d08d!important} #main input[type="submit"] { display:inline-block; clear:both; background:#86843b; padding:10px 20px; color:#fffda7; font-size:18px; border:none; cursor:pointer; font-family:'Crete Round', serif; font-weight:700; border-radius:3px } #main input[type="button"] { display:inline-block; clear:both; background:#86843b; padding:10px 20px; color:#fffda7; font-size:18px; border:none; cursor:pointer; font-family:'Crete Round', serif; font-weight:700; border-radius:3px } #sidebar_content .right_content { padding-bottom: 11px; padding-top:10px; border:1px solid #ccc;background-color:#eae8dc; } #sidebar_content .right_content:after { margin: -2px 0 0 0; position: absolute; right: 20px; z-index: 999; content: url('custom/images/right_btm_bg.jpg'); } #sidebar_content .detail_minical .right_content:after{display:none;} #eventsScroll .jspContainer { width:224px!important; } #eventsScroll .jspPane { width:200px!important } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #c7d08d; position: relative; } .jspDrag { background: #86843b; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } .detail_textgraphic ul, .detail_textgraphic ol{padding-top:0px;margin-top:0px;}